
 
<div class="hearder-search">
	<ul id="myTab" class="nav nav-tabs">
		<li class="active"><a href="#category" data-toggle="tab"><?= lang('search.practice.area');?></a>
		</li>
		<li><a href="#name" data-toggle="tab"><?= lang('search.lawyer.or.firm');?></a></li>

	</ul>
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade in active" id="category">

			<div class="search">
				<form class="row form-inline" role="form" name="search_products" id="search_products" method="post"
				action="<?= base_url();?>listing/category">

					<div class="clearfix">
						<div class="col-lg-6">
							<h3><?= lang('search.find.lawyer');?></h3>
						</div>
						<div class="col-lg-4">
							<h3><?= lang('search.find.where');?></h3>
						</div>
					</div>

					<div class="col-lg-6">
					<input type="hidden" id="prod_id" name="prod_id">
						<input type="text" class="form-control" name="autocomplete" id="autocomplete"
							placeholder="<?= lang('placeholder.lawyer.name');?>">
					</div>
					<div class="col-lg-4">
					<input type="hidden" id="loca_id" name="loca_id">
						<input type="text" class="form-control" name="loca_search" id="loca_search" placeholder="<?= lang('placeholder.type.city');?>">
					</div>
					<div class="col-lg-1">
						<button id="btn_prod" type="submit" class="btn btn-warning">
							<span class="glyphicon glyphicon-search"></span> <?= lang('search.find.now');?>
						</button>
					</div>

				</form>
			</div>


		</div>


		<div class="tab-pane fade" id="name">

			<div class="search">
				<form class="row form-inline" role="form" name="search_business" id="search_business" method="post"
				action="<?= base_url();?>listing/lawyer">

					<div class="clearfix">
						<div class="col-lg-6">
							<h3><?= lang('search.lawyer.law.firm');?></h3>
						</div>
						<div class="col-lg-4">
							<h3><?= lang('search.find.where');?></h3>
						</div>
					</div>

					<div class="col-lg-6">
					<input type="hidden" name="busin_id" id="busin_id">
					
						<input type="text" class="form-control" name="lawyer_search" id="lawyer_search"
							placeholder="<?= lang('placeholder.lawyer.name');?>">
					</div>
					<div class="col-lg-4">
					<input type="hidden" id="city_id" name="city_id">
						<input type="text" class="form-control" name="city_search" id="city_search" placeholder="<?= lang('placeholder.type.city');?>">
					</div>
					<div class="col-lg-1">
						<button id="btn_busin" type="submit" class="btn btn-warning">
							<span class="glyphicon glyphicon-search"></span> <?= lang('search.find.now');?>
						</button>
					</div>

				</form>
			</div>

		</div>
	</div>

	<div class="bottom">
		<small><?= lang('search.search');?></small>
	</div>

</div>


